/* reset */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* 头部 */
body {
    background-color: rgb(226, 226, 226);
}
.all-header {
    margin: 20px;
    display: flex;
    justify-content: space-between;
}
.input {
    height: 40px;
    width: 100%;
    margin-right: 10px;
    border-radius: 4px;
    border: 1px solid  rgb(226, 226, 226) ;
}
.search {
    height: 40px;
    width: 80px;
    padding: 8px 10px 8px 10px;
    border-radius: 4px;
    background-color: rgb(0, 204, 255);
    color: white;
    border: 1px solid  rgb(226, 226, 226) ;
    font-size: 16px;
    letter-spacing: 2px;
    
}

/* 主体 */
.all-main {
    margin: 20px;

}
.x {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.content {
    width: 156px;
    margin-bottom: 16px;
    background-color: #fff;
    border-radius: 4px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0;
    position: relative;
}
.c1 {
    font-size: 44px;
}
.close {
    position: absolute;
    top:0;
    right: 4px;
}